<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html><body>
    <h1 align="center"><b>网页设计软件列表（点击查看）</b></h1>
    <hr size="4" color="#5E2D00" width="1500px"/>
    <nav>
        <p align="center">
            <a  href="#1" class="b">Photoshoop软件</a>
            <a  href="#2" class="c">illustrator软件</a>
            <a  href="#3" class="d">Dreamweaver软件</a>
            <a  href="#4" class="e">Fireworks软件</a>
        </p>
    </nav>
    <hr size="4" color="#5E2D00" width="1500px"/>
    <dl id="1">
        <dt align="center">
            <a href="#"><img src="C:\Users\左文豪\Pictures\新建文件夹./w.jpg"/></a>
        </dt>
        <dd class="one">Photoshoop是一款特别好用的<em>设计软件</em>！给画面来点动感吧。</dd>
        <dd class="one">处理以<em>像素构成的图像</em>，可以有效地进行图片编辑调整工作。</dd>
        <dd class="one">很多功能，在图像、图形、文字、出版等各方面都有涉及。</dd>
        <dd class="one">制作建筑效果图，包括许多三维场景时，常常需要在Photoshop进行调整。</dd>
    <>
    <dl id="2">
        <dt align="center">
            <a href="#"><img  src="C:\Users\左文豪\Pictures\新建文件夹./H.jpg"/></a>
        </dt>
        <dd class="one">illustrator是一种应用出版、多谋体和在线图像的<em>标准矢量插画</em>的制作软件。</dd>
        <dd class="one">illustrator广泛应用于<em>印刷出版、海报书籍、</em>专业插画、多谋体图像处理。</dd>
        <dd class="one">illustrator可以为线稿提供较高的精度和控制，简单到复杂项目都能制作。</dd>
        <dd class="one">根据不完全统计，全球大约有37%的界面设计师在使用illustrator进行设计。</dd>
    <>
    <dl id="3">
        <dt align="center">
            <a href="#"><img src="C:\Users\左文豪\Pictures\新建文件夹./D.jpg"/></a>
        </dt>
        <dd class="one">Dreamweaver是第一套针对<em>专业网页设计师</em>特别开发的网页设计制作工具。</dd>
        <dd class="one">利用Dreamweaver可以轻易制作出<em>跨越平台和浏览器</em>限制的充满动感的网页。</dd>
        <dd class="one">Dreamweaver自MX版本开始，使用了Opera是排版引擎作为网页预览工具。</dd>
        <dd class="one">Dreamweaver可以用在Adobe Creative Suite 4的不同组件之间切换工作。</dd>
    <>
    <dl id="4">
        <dt align="center">
            <a href="#"><img src="C:\Users\左文豪\Pictures\新建文件夹./F.jpg"/></a>
        </dt>
        <dd class="one">Fireworks是一款<em>网页作图软件</em>，可以加快web的设计开发效率。</dd>
        <dd class="one">Fireworks是一款创建优化<em>web图像</em>极快网站和web界面的工具。</dd>
        <dd class="one">Fireworks可以创建和编辑矢量图像与位图图像，并导入PS和AI文件中。</dd>
        <dd class="one">采用与PS类似的图层结构来管理原型，更易组织web页面。</dd>
    <>
    a{
		text-indent:lem;
		display:inline-block;
		font-size:22px;
		color:#5E2D00;
	}
	a:link,a:visitend{
		text-decoration:none;
	}
	a:hover{
		color:red;
	}

	a:nth-child(1){
		text-indent:3;
	}
	.one{
		line-height:38px;
		font-size:22px;
		font-family:"微软雅黑";
		text-indent:240px;
	}
	.b{
		text-indent:0;
	}
	.c{
		text-indent:50px;
	}
	.d{
		text-indent:50px;
	}
	.e{
		text-indent:50px;
	}
	dl{
		display:none;
	}
	dd::before{
		content:url(C:\Users\左文豪\Pictures\Saved Pictures/g.jpg);
	}
	dd:nth-child(odd){
		color:#BDA793;
	}
	dd:nth-child(2) em{
		font-weight:bold;
		font-style:normal;
		color:#f03;
	}
	dd:nth-child(3) em{
		font-weight:bold;
		font-style:normal;
		color:#5E2D00;
	}
	:target{
		display:block;
	}
